<%- include('layout/header', { title: '空间 - 登录', isNarrow: true })%>

    <h1>登录</h1>
    <% if (locals.isLogin) { %>
        <p>
            <%= locals.userName%> 您已成功登录，请直接访问<a href="/">首页</a></p>
        <% } else { %>
            <form>
                <div class="form-group">
                    <input type="text" class="form-control" id="input-username" placeholder="请输入用户名">
                </div>
                <div class="form-group">
                    <input type="password" class="form-control" id="input-password" placeholder="请输入密码">
                </div>
                <button type="submit" class="btn btn-primary" id="btn-submit">登录</button> &nbsp;
                <a href="/register">注册账号>></a>
            </form>

            <script>
                $(function() {
                    var $inputUserName = $('#input-username')
                    var $inputPassword = $('#input-password')
                    $('#btn-submit').click(function(e) {
                        // 阻止默认的提交表单行为
                        e.preventDefault()
                        const userName = $inputUserName.val()
                        const password = $inputPassword.val()

                        // 提交数据
                        ajax.post('/api/user/login', {
                            userName,
                            password
                        }, function(err, data) {
                            if (err) {
                                alert(err)
                                return
                            }
                            // 跳转到指定 url 或首页
                            var redirectUrl = $.query.get('url') || '/'
                            location.href = redirectUrl
                        })
                    })
                })
            </script>
            <% } %>

                <%- include('layout/footer')%>